<template>
  <div>
    <router-view></router-view>
    <!-- <mt-tab-container v-model="selected">
            <mt-tab-container-item id="Home">
                <Home @transfer="getParams"></Home>
            </mt-tab-container-item>
            <mt-tab-container-item id="StudyCenter">
                <StudyCenter @transfer="getParams"></StudyCenter>
            </mt-tab-container-item>
            <mt-tab-container-item id="Growup">
                <Growup @transfer="getParams"></Growup>
            </mt-tab-container-item>
            <mt-tab-container-item id="Things">
                <Things @transfer="getParams"></Things>
            </mt-tab-container-item>
            <mt-tab-container-item id="TalentIntroduce">
                <TalentIntroduce @transfer="getParams"></TalentIntroduce>
            </mt-tab-container-item>
    </mt-tab-container>-->
    <div class="home-footer">
      <mt-tabbar fixed v-model="selected">
        <mt-tab-item id="Home">
          <!-- <img slot="icon" src="@/assets/homePicture/home1.png" /> -->
          <div slot="icon" class="iconfont home-tab-icon icontianchongxing-"></div>
          <!-- <img slot="icon" src="@/assets/homePicture/home1.png"  v-if="this.selected == 'Home'"/> -->
          首页
        </mt-tab-item>
        <mt-tab-item id="StudyCenter">
          <!-- <img slot="icon" src="@/assets/homePicture/home2.png" /> -->
          <div slot="icon" class="iconfont home-tab-icon iconwenti-shuben"></div>
          学习
        </mt-tab-item>
        <mt-tab-item id="Growup">
          <!-- <img slot="icon" src="@/assets/homePicture/home3.png" /> -->
          <div slot="icon" class="iconfont home-tab-icon iconxinfeng2"></div>
          成长
        </mt-tab-item>
        <mt-tab-item id="Things">
          <!-- <img slot="icon" src="@/assets/homePicture/home4.png" /> -->
          <div slot="icon" class="iconfont home-tab-icon iconrili"></div>
          办事
        </mt-tab-item>
        <mt-tab-item id="TalentIntroduce">
          <div slot="icon" class="iconfont home-tab-icon iconweibiaoti--"></div>
          优才
        </mt-tab-item>
      </mt-tabbar>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      selected: 'Home'
    };
  },
  computed: {
    routerName() {
      return this.$store.state.routerName;
    }
  },
  watch: {
    // selected(before, after) {
    //   this.$router.push({ path: before });
    // },
    // '$route.name'(before, after) {
    //   if(before == 'Home' || before == 'StudyCenter' || before == 'Growup' || before == 'TalentIntroduce' || before == 'Things')
    //   this.selected = before;
    // }
  },
 
  methods: {}
};
</script>
<style lang="less">
  .home-tab-icon{
    padding-top: 4px;
  }
</style>